--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
Node / ReticulumProjects / MeshChatX.git / files / meshchatx / src / frontend / theme / designTokens.js
Displaying Raw • Download
meshchatx/src/frontend/theme/designTokens.js bce42bcdce0e7d2c6d78228e864a4cd1d974cc82 (bce42bcd) Text, 8.08 KB
T8b949e/**
* Semantic design tokens for MeshChatX. CSS custom properties (--mc-*) are the
* single source of truth for colors shared by Tailwind (`sem-*`), global CSS in
* style.css, and the Vuetify theme (see vuetifyThemesFromTokens).
*/
Tff7b72const Te6edf3MESHCHAT_THEME_STYLE_ID Tff7b72= Ta5d6ff"meshchat-design-tokens"Tb4b4b4;
T8b949e/** @type {Record<string, string>} */
Tff7b72export Tff7b72const Te6edf3MESHCHAT_THEME_VARIABLES_LIGHT Tff7b72= Tb4b4b4{
Ta5d6ff"--mc-canvas"Tff7b72: Ta5d6ff"#f8fafc"Tb4b4b4,
Ta5d6ff"--mc-surface"Tff7b72: Ta5d6ff"#ffffff"Tb4b4b4,
Ta5d6ff"--mc-border"Tff7b72: Ta5d6ff"#e5e7eb"Tb4b4b4,
Ta5d6ff"--mc-border-card"Tff7b72: Ta5d6ff"#e5e7eb"Tb4b4b4,
Ta5d6ff"--mc-border-strong"Tff7b72: Ta5d6ff"#d1d5db"Tb4b4b4,
Ta5d6ff"--mc-text"Tff7b72: Ta5d6ff"#111827"Tb4b4b4,
Ta5d6ff"--mc-text-secondary"Tff7b72: Ta5d6ff"#1f2937"Tb4b4b4,
Ta5d6ff"--mc-text-muted"Tff7b72: Ta5d6ff"#6b7280"Tb4b4b4,
Ta5d6ff"--mc-text-label"Tff7b72: Ta5d6ff"#1f2937"Tb4b4b4,
Ta5d6ff"--mc-focus"Tff7b72: Ta5d6ff"#60a5fa"Tb4b4b4,
Ta5d6ff"--mc-focus-border"Tff7b72: Ta5d6ff"#60a5fa"Tb4b4b4,
Ta5d6ff"--mc-accent"Tff7b72: Ta5d6ff"#2563eb"Tb4b4b4,
Ta5d6ff"--mc-accent-hover"Tff7b72: Ta5d6ff"#3b82f6"Tb4b4b4,
Ta5d6ff"--mc-action-primary"Tff7b72: Ta5d6ff"#2563eb"Tb4b4b4,
Ta5d6ff"--mc-action-primary-hover"Tff7b72: Ta5d6ff"#3b82f6"Tb4b4b4,
Ta5d6ff"--mc-scrollbar-thumb"Tff7b72: Ta5d6ff"#94a3b8"Tb4b4b4,
Ta5d6ff"--mc-scrollbar-track"Tff7b72: Ta5d6ff"#e2e8f0"Tb4b4b4,
Ta5d6ff"--mc-scrollbar-thumb-border"Tff7b72: Ta5d6ff"#e2e8f0"Tb4b4b4,
Ta5d6ff"--mc-glass-surface"Tff7b72: Ta5d6ff"rgb(255 255 255 / 0.95)"Tb4b4b4,
Ta5d6ff"--mc-surface-muted"Tff7b72: Ta5d6ff"rgb(249 250 251 / 0.9)"Tb4b4b4,
Ta5d6ff"--mc-surface-raised"Tff7b72: Ta5d6ff"rgb(255 255 255 / 0.8)"Tb4b4b4,
Ta5d6ff"--mc-secondary-chip-bg"Tff7b72: Ta5d6ff"#ffffff"Tb4b4b4,
Ta5d6ff"--mc-secondary-chip-text"Tff7b72: Ta5d6ff"#374151"Tb4b4b4,
Ta5d6ff"--mc-secondary-chip-border"Tff7b72: Ta5d6ff"#d1d5db"Tb4b4b4,
Ta5d6ff"--mc-secondary-chip-hover-bg"Tff7b72: Ta5d6ff"#f9fafb"Tb4b4b4,
Ta5d6ff"--mc-secondary-chip-hover-text"Tff7b72: Ta5d6ff"#111827"Tb4b4b4,
Ta5d6ff"--mc-secondary-chip-hover-border"Tff7b72: Ta5d6ff"#60a5fa"Tb4b4b4,
Ta5d6ff"--mc-danger-chip-bg"Tff7b72: Ta5d6ff"#fef2f2"Tb4b4b4,
Ta5d6ff"--mc-danger-chip-text"Tff7b72: Ta5d6ff"#b91c1c"Tb4b4b4,
Ta5d6ff"--mc-danger-chip-border"Tff7b72: Ta5d6ff"#fecaca"Tb4b4b4,
Ta5d6ff"--mc-danger-chip-hover-bg"Tff7b72: Ta5d6ff"#fee2e2"Tb4b4b4,
Ta5d6ff"--mc-danger-chip-hover-text"Tff7b72: Ta5d6ff"#991b1b"Tb4b4b4,
Ta5d6ff"--mc-input-option-bg"Tff7b72: Ta5d6ff"#ffffff"Tb4b4b4,
Ta5d6ff"--mc-input-option-text"Tff7b72: Ta5d6ff"#111827"Tb4b4b4,
Ta5d6ff"--mc-file-input-bg"Tff7b72: Ta5d6ff"#f9fafb"Tb4b4b4,
Ta5d6ff"--mc-file-input-text"Tff7b72: Ta5d6ff"#1f2937"Tb4b4b4,
Ta5d6ff"--mc-file-input-border"Tff7b72: Ta5d6ff"#d1d5db"Tb4b4b4,
Ta5d6ff"--mc-address-action-bg"Tff7b72: Ta5d6ff"#ffffff"Tb4b4b4,
Ta5d6ff"--mc-address-action-text"Tff7b72: Ta5d6ff"#374151"Tb4b4b4,
Ta5d6ff"--mc-address-action-border"Tff7b72: Ta5d6ff"#e5e7eb"Tb4b4b4,
Ta5d6ff"--mc-address-action-hover-bg"Tff7b72: Ta5d6ff"#f9fafb"Tb4b4b4,
Ta5d6ff"--mc-address-action-hover-text"Tff7b72: Ta5d6ff"#111827"Tb4b4b4,
Ta5d6ff"--mc-address-action-hover-border"Tff7b72: Ta5d6ff"#60a5fa"Tb4b4b4,
Ta5d6ff"--mc-custom-scroll-thumb"Tff7b72: Ta5d6ff"#cbd5e1"Tb4b4b4,
Ta5d6ff"--mc-custom-scroll-thumb-hover"Tff7b72: Ta5d6ff"#94a3b8"Tb4b4b4,
Ta5d6ff"--mc-context-hover"Tff7b72: Ta5d6ff"#f3f4f6"Tb4b4b4,
Ta5d6ff"--mc-context-divider"Tff7b72: Ta5d6ff"#f3f4f6"Tb4b4b4,
Ta5d6ff"--mc-context-section"Tff7b72: Ta5d6ff"#9ca3af"Tb4b4b4,
Ta5d6ff"--mc-context-item-text"Tff7b72: Ta5d6ff"#374151"Tb4b4b4,
Ta5d6ff"--mc-info"Tff7b72: Ta5d6ff"#0284c7"Tb4b4b4,
Ta5d6ff"--mc-success"Tff7b72: Ta5d6ff"#16a34a"Tb4b4b4,
Ta5d6ff"--mc-warning"Tff7b72: Ta5d6ff"#f97316"Tb4b4b4,
Ta5d6ff"--mc-error"Tff7b72: Ta5d6ff"#dc2626"Tb4b4b4,
Tb4b4b4}Tb4b4b4;
T8b949e/** @type {Record<string, string>} */
Tff7b72export Tff7b72const Te6edf3MESHCHAT_THEME_VARIABLES_DARK Tff7b72= Tb4b4b4{
Ta5d6ff"--mc-canvas"Tff7b72: Ta5d6ff"#09090b"Tb4b4b4,
Ta5d6ff"--mc-surface"Tff7b72: Ta5d6ff"#18181b"Tb4b4b4,
Ta5d6ff"--mc-border"Tff7b72: Ta5d6ff"#3f3f46"Tb4b4b4,
Ta5d6ff"--mc-border-card"Tff7b72: Ta5d6ff"#27272a"Tb4b4b4,
Ta5d6ff"--mc-border-strong"Tff7b72: Ta5d6ff"#52525b"Tb4b4b4,
Ta5d6ff"--mc-text"Tff7b72: Ta5d6ff"#f3f4f6"Tb4b4b4,
Ta5d6ff"--mc-text-secondary"Tff7b72: Ta5d6ff"#ffffff"Tb4b4b4,
Ta5d6ff"--mc-text-muted"Tff7b72: Ta5d6ff"#9ca3af"Tb4b4b4,
Ta5d6ff"--mc-text-label"Tff7b72: Ta5d6ff"#e5e7eb"Tb4b4b4,
Ta5d6ff"--mc-focus"Tff7b72: Ta5d6ff"#3b82f6"Tb4b4b4,
Ta5d6ff"--mc-focus-border"Tff7b72: Ta5d6ff"#3b82f6"Tb4b4b4,
Ta5d6ff"--mc-accent"Tff7b72: Ta5d6ff"#60a5fa"Tb4b4b4,
Ta5d6ff"--mc-accent-hover"Tff7b72: Ta5d6ff"#3b82f6"Tb4b4b4,
Ta5d6ff"--mc-action-primary"Tff7b72: Ta5d6ff"#2563eb"Tb4b4b4,
Ta5d6ff"--mc-action-primary-hover"Tff7b72: Ta5d6ff"#3b82f6"Tb4b4b4,
Ta5d6ff"--mc-scrollbar-thumb"Tff7b72: Ta5d6ff"#52525b"Tb4b4b4,
Ta5d6ff"--mc-scrollbar-track"Tff7b72: Ta5d6ff"#18181b"Tb4b4b4,
Ta5d6ff"--mc-scrollbar-thumb-border"Tff7b72: Ta5d6ff"#18181b"Tb4b4b4,
Ta5d6ff"--mc-glass-surface"Tff7b72: Ta5d6ff"rgb(24 24 27 / 0.85)"Tb4b4b4,
Ta5d6ff"--mc-surface-muted"Tff7b72: Ta5d6ff"rgb(24 24 27 / 0.8)"Tb4b4b4,
Ta5d6ff"--mc-surface-raised"Tff7b72: Ta5d6ff"rgb(24 24 27 / 0.7)"Tb4b4b4,
Ta5d6ff"--mc-secondary-chip-bg"Tff7b72: Ta5d6ff"#18181b"Tb4b4b4,
Ta5d6ff"--mc-secondary-chip-text"Tff7b72: Ta5d6ff"#f4f4f5"Tb4b4b4,
Ta5d6ff"--mc-secondary-chip-border"Tff7b72: Ta5d6ff"#3f3f46"Tb4b4b4,
Ta5d6ff"--mc-secondary-chip-hover-bg"Tff7b72: Ta5d6ff"#27272a"Tb4b4b4,
Ta5d6ff"--mc-secondary-chip-hover-text"Tff7b72: Ta5d6ff"#ffffff"Tb4b4b4,
Ta5d6ff"--mc-secondary-chip-hover-border"Tff7b72: Ta5d6ff"#3b82f6"Tb4b4b4,
Ta5d6ff"--mc-danger-chip-bg"Tff7b72: Ta5d6ff"rgb(69 10 10 / 0.2)"Tb4b4b4,
Ta5d6ff"--mc-danger-chip-text"Tff7b72: Ta5d6ff"#f87171"Tb4b4b4,
Ta5d6ff"--mc-danger-chip-border"Tff7b72: Ta5d6ff"rgb(127 29 29 / 0.5)"Tb4b4b4,
Ta5d6ff"--mc-danger-chip-hover-bg"Tff7b72: Ta5d6ff"rgb(127 29 29 / 0.4)"Tb4b4b4,
Ta5d6ff"--mc-danger-chip-hover-text"Tff7b72: Ta5d6ff"#fca5a5"Tb4b4b4,
Ta5d6ff"--mc-input-option-bg"Tff7b72: Ta5d6ff"#18181b"Tb4b4b4,
Ta5d6ff"--mc-input-option-text"Tff7b72: Ta5d6ff"#f3f4f6"Tb4b4b4,
Ta5d6ff"--mc-file-input-bg"Tff7b72: Ta5d6ff"#18181b"Tb4b4b4,
Ta5d6ff"--mc-file-input-text"Tff7b72: Ta5d6ff"#f3f4f6"Tb4b4b4,
Ta5d6ff"--mc-file-input-border"Tff7b72: Ta5d6ff"#3f3f46"Tb4b4b4,
Ta5d6ff"--mc-address-action-bg"Tff7b72: Ta5d6ff"#18181b"Tb4b4b4,
Ta5d6ff"--mc-address-action-text"Tff7b72: Ta5d6ff"#f4f4f5"Tb4b4b4,
Ta5d6ff"--mc-address-action-border"Tff7b72: Ta5d6ff"#3f3f46"Tb4b4b4,
Ta5d6ff"--mc-address-action-hover-bg"Tff7b72: Ta5d6ff"#27272a"Tb4b4b4,
Ta5d6ff"--mc-address-action-hover-text"Tff7b72: Ta5d6ff"#ffffff"Tb4b4b4,
Ta5d6ff"--mc-address-action-hover-border"Tff7b72: Ta5d6ff"#3b82f6"Tb4b4b4,
Ta5d6ff"--mc-custom-scroll-thumb"Tff7b72: Ta5d6ff"#3f3f46"Tb4b4b4,
Ta5d6ff"--mc-custom-scroll-thumb-hover"Tff7b72: Ta5d6ff"#52525b"Tb4b4b4,
Ta5d6ff"--mc-context-hover"Tff7b72: Ta5d6ff"#27272a"Tb4b4b4,
Ta5d6ff"--mc-context-divider"Tff7b72: Ta5d6ff"#27272a"Tb4b4b4,
Ta5d6ff"--mc-context-section"Tff7b72: Ta5d6ff"#71717a"Tb4b4b4,
Ta5d6ff"--mc-context-item-text"Tff7b72: Ta5d6ff"#e4e4e7"Tb4b4b4,
Ta5d6ff"--mc-info"Tff7b72: Ta5d6ff"#38bdf8"Tb4b4b4,
Ta5d6ff"--mc-success"Tff7b72: Ta5d6ff"#34d399"Tb4b4b4,
Ta5d6ff"--mc-warning"Tff7b72: Ta5d6ff"#fb923c"Tb4b4b4,
Ta5d6ff"--mc-error"Tff7b72: Ta5d6ff"#f87171"Tb4b4b4,
Tb4b4b4}Tb4b4b4;
T8b949e/**
* Tailwind semantic colors (`sem-*` in class names) — `@theme` in style.css mirrors these keys; same --mc-* variables as global CSS.
* Keep keys in sync with usages in style.css and Vue (e.g. bg-sem-canvas).
*/
Tff7b72export Tff7b72function Te6edf3tailwindSemanticColorExtendTb4b4b4(Tb4b4b4) Tb4b4b4{
Tff7b72return Tb4b4b4{
Te6edf3canvasTff7b72: Ta5d6ff"var(--mc-canvas)"Tb4b4b4,
Te6edf3surfaceTff7b72: Ta5d6ff"var(--mc-surface)"Tb4b4b4,
Te6edf3borderTff7b72: Ta5d6ff"var(--mc-border)"Tb4b4b4,
Ta5d6ff"border-card"Tff7b72: Ta5d6ff"var(--mc-border-card)"Tb4b4b4,
Ta5d6ff"border-strong"Tff7b72: Ta5d6ff"var(--mc-border-strong)"Tb4b4b4,
Te6edf3fgTff7b72: Ta5d6ff"var(--mc-text)"Tb4b4b4,
Ta5d6ff"fg-secondary"Tff7b72: Ta5d6ff"var(--mc-text-secondary)"Tb4b4b4,
Ta5d6ff"fg-muted"Tff7b72: Ta5d6ff"var(--mc-text-muted)"Tb4b4b4,
Ta5d6ff"fg-label"Tff7b72: Ta5d6ff"var(--mc-text-label)"Tb4b4b4,
Te6edf3accentTff7b72: Ta5d6ff"var(--mc-accent)"Tb4b4b4,
Ta5d6ff"accent-hover"Tff7b72: Ta5d6ff"var(--mc-accent-hover)"Tb4b4b4,
Ta5d6ff"action-primary"Tff7b72: Ta5d6ff"var(--mc-action-primary)"Tb4b4b4,
Ta5d6ff"action-primary-hover"Tff7b72: Ta5d6ff"var(--mc-action-primary-hover)"Tb4b4b4,
Te6edf3focusTff7b72: Ta5d6ff"var(--mc-focus)"Tb4b4b4,
Te6edf3glassTff7b72: Ta5d6ff"var(--mc-glass-surface)"Tb4b4b4,
Ta5d6ff"surface-muted"Tff7b72: Ta5d6ff"var(--mc-surface-muted)"Tb4b4b4,
Ta5d6ff"surface-raised"Tff7b72: Ta5d6ff"var(--mc-surface-raised)"Tb4b4b4,
Te6edf3infoTff7b72: Ta5d6ff"var(--mc-info)"Tb4b4b4,
Te6edf3successTff7b72: Ta5d6ff"var(--mc-success)"Tb4b4b4,
Te6edf3warningTff7b72: Ta5d6ff"var(--mc-warning)"Tb4b4b4,
Te6edf3dangerTff7b72: Ta5d6ff"var(--mc-error)"Tb4b4b4,
Ta5d6ff"focus-border"Tff7b72: Ta5d6ff"var(--mc-focus-border)"Tb4b4b4,
Ta5d6ff"file-input-bg"Tff7b72: Ta5d6ff"var(--mc-file-input-bg)"Tb4b4b4,
Ta5d6ff"file-input-text"Tff7b72: Ta5d6ff"var(--mc-file-input-text)"Tb4b4b4,
Tb4b4b4}Tb4b4b4;
Tb4b4b4}
Tff7b72function Te6edf3serializeVarsBlockTb4b4b4(Te6edf3varsTb4b4b4) Tb4b4b4{
Tff7b72return Tffa657ObjectTb4b4b4.Te6edf3entriesTb4b4b4(Te6edf3varsTb4b4b4)
Tb4b4b4.Te6edf3mapTb4b4b4(Tb4b4b4(Tb4b4b4[Te6edf3kTb4b4b4, Te6edf3vTb4b4b4]Tb4b4b4) Tb4b4b4=> Ta5d6ff`Ta5d6ff Tffd700${Te6edf3kTffd700}Ta5d6ff: Tffd700${Te6edf3vTffd700}Ta5d6ff;Ta5d6ff`Tb4b4b4)
Tb4b4b4.Te6edf3joinTb4b4b4(Ta5d6ff"\n"Tb4b4b4)Tb4b4b4;
Tb4b4b4}
T8b949e/**
* Injects :root and .dark variable blocks. Idempotent. Call once from main.js before mount.
* @param {Document} [doc]
*/
Tff7b72export Tff7b72function Te6edf3injectMeshchatThemeVariablesTb4b4b4(Te6edf3doc Tff7b72= Tff7b72typeof Tffa657document Tff7b72!== Ta5d6ff"undefined" Tff7b72? Tffa657document Tff7b72: Tff7b72nullTb4b4b4) Tb4b4b4{
Tff7b72if Tb4b4b4(Tff7b72!Te6edf3docTff7b72?Tb4b4b4.Te6edf3headTb4b4b4) Tb4b4b4{
Tff7b72returnTb4b4b4;
Tb4b4b4}
Tff7b72const Te6edf3existing Tff7b72= Te6edf3docTb4b4b4.Te6edf3getElementByIdTb4b4b4(Te6edf3MESHCHAT_THEME_STYLE_IDTb4b4b4)Tb4b4b4;
Tff7b72if Tb4b4b4(Te6edf3existingTb4b4b4) Tb4b4b4{
Te6edf3existingTb4b4b4.Te6edf3removeTb4b4b4(Tb4b4b4)Tb4b4b4;
Tb4b4b4}
Tff7b72const Te6edf3el Tff7b72= Te6edf3docTb4b4b4.Te6edf3createElementTb4b4b4(Ta5d6ff"style"Tb4b4b4)Tb4b4b4;
Te6edf3elTb4b4b4.Te6edf3id Tff7b72= Te6edf3MESHCHAT_THEME_STYLE_IDTb4b4b4;
Te6edf3elTb4b4b4.Te6edf3textContent Tff7b72= Tb4b4b4[
Ta5d6ff":root {"Tb4b4b4,
Te6edf3serializeVarsBlockTb4b4b4(Te6edf3MESHCHAT_THEME_VARIABLES_LIGHTTb4b4b4)Tb4b4b4,
Ta5d6ff"}"Tb4b4b4,
Ta5d6ff".dark {"Tb4b4b4,
Te6edf3serializeVarsBlockTb4b4b4(Te6edf3MESHCHAT_THEME_VARIABLES_DARKTb4b4b4)Tb4b4b4,
Ta5d6ff"}"Tb4b4b4,
Tb4b4b4]Tb4b4b4.Te6edf3joinTb4b4b4(Ta5d6ff"\n"Tb4b4b4)Tb4b4b4;
Te6edf3docTb4b4b4.Te6edf3headTb4b4b4.Te6edf3appendChildTb4b4b4(Te6edf3elTb4b4b4)Tb4b4b4;
Tb4b4b4}
T8b949e/**
* Vuetify 3 theme definition derived from the same hexes as CSS light/dark tokens.
*/
Tff7b72export Tff7b72function Te6edf3vuetifyThemesFromTokensTb4b4b4(Tb4b4b4) Tb4b4b4{
Tff7b72const Te6edf3L Tff7b72= Te6edf3MESHCHAT_THEME_VARIABLES_LIGHTTb4b4b4;
Tff7b72const Te6edf3D Tff7b72= Te6edf3MESHCHAT_THEME_VARIABLES_DARKTb4b4b4;
Tff7b72return Tb4b4b4{
Te6edf3lightTff7b72: Tb4b4b4{
Te6edf3darkTff7b72: Tff7b72falseTb4b4b4,
Te6edf3colorsTff7b72: Tb4b4b4{
Te6edf3backgroundTff7b72: Te6edf3LTb4b4b4[Ta5d6ff"--mc-canvas"Tb4b4b4]Tb4b4b4,
Te6edf3surfaceTff7b72: Te6edf3LTb4b4b4[Ta5d6ff"--mc-surface"Tb4b4b4]Tb4b4b4,
Te6edf3primaryTff7b72: Te6edf3LTb4b4b4[Ta5d6ff"--mc-action-primary"Tb4b4b4]Tb4b4b4,
Te6edf3secondaryTff7b72: Ta5d6ff"#475569"Tb4b4b4,
Te6edf3errorTff7b72: Te6edf3LTb4b4b4[Ta5d6ff"--mc-error"Tb4b4b4]Tb4b4b4,
Te6edf3infoTff7b72: Te6edf3LTb4b4b4[Ta5d6ff"--mc-info"Tb4b4b4]Tb4b4b4,
Te6edf3successTff7b72: Te6edf3LTb4b4b4[Ta5d6ff"--mc-success"Tb4b4b4]Tb4b4b4,
Te6edf3warningTff7b72: Te6edf3LTb4b4b4[Ta5d6ff"--mc-warning"Tb4b4b4]Tb4b4b4,
Tb4b4b4}Tb4b4b4,
Tb4b4b4}Tb4b4b4,
Te6edf3darkTff7b72: Tb4b4b4{
Te6edf3darkTff7b72: Tff7b72trueTb4b4b4,
Te6edf3colorsTff7b72: Tb4b4b4{
Te6edf3backgroundTff7b72: Te6edf3DTb4b4b4[Ta5d6ff"--mc-canvas"Tb4b4b4]Tb4b4b4,
Te6edf3surfaceTff7b72: Te6edf3DTb4b4b4[Ta5d6ff"--mc-surface"Tb4b4b4]Tb4b4b4,
Te6edf3primaryTff7b72: Te6edf3DTb4b4b4[Ta5d6ff"--mc-action-primary"Tb4b4b4]Tb4b4b4,
Te6edf3secondaryTff7b72: Ta5d6ff"#94a3b8"Tb4b4b4,
Te6edf3errorTff7b72: Te6edf3DTb4b4b4[Ta5d6ff"--mc-error"Tb4b4b4]Tb4b4b4,
Te6edf3infoTff7b72: Te6edf3DTb4b4b4[Ta5d6ff"--mc-info"Tb4b4b4]Tb4b4b4,
Te6edf3successTff7b72: Te6edf3DTb4b4b4[Ta5d6ff"--mc-success"Tb4b4b4]Tb4b4b4,
Te6edf3warningTff7b72: Te6edf3DTb4b4b4[Ta5d6ff"--mc-warning"Tb4b4b4]Tb4b4b4,
Tb4b4b4}Tb4b4b4,
Tb4b4b4}Tb4b4b4,
Tb4b4b4}Tb4b4b4;
Tb4b4b4}
──────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────